/* Use this with templates/template-twocol.html */
body {
background:#cacaca url(http://3.bp.blogspot.com/-rA9H8_utV84/UK4fUOHfaHI/AAAAAAAAAVA/mbUXzZ9jTiM/s1600/body4.jpg) no-repeat fixed center top ; width:100%;
color: #191919;
font: 12px Verdana;
margin:0;
text-align:center;
}
a {
color: #2175bc;
text-decoration: none;
font-weight: bold;
}
a:hover {
text-decoration: underline;
color: #e27f3c;
}
/* Header
----------------------------------------------- */
#navbar-iframe { 
display:none; 
}
#header-wrapper {
 background: url("http://1.bp.blogspot.com/-QXmihizuojg/UIz8MUBLvVI/AAAAAAAAATA/aeB2QhKfgYI/s1600/Untitled-1.jpg") no-repeat scroll left center;
height:233px;
margin:25px 0px 15px 0px;
width:985px;
border-radius: 8px 8px 8px 8px ;
padding-bottom:5px;
}
#header {
color:#FFFFFF;
text-align:left;
width:320px;
float:left;
height:200px;
overflow:hidden;
}
#header h1 {
margin:5px 5px 0;
padding:15px 0px .25em;
line-height:1.2em;
text-transform:Normal;
font-size:2.8em;
color:#ffffff;
}
#header a {
text-decoration:none;
color:#ffffff;
}
#header .description {
margin:0 5px 5px;
line-height: 1.4em;
color: #cc6633;
font-size: 12px;
font-weight:bold;
text-transform: Normal;
padding-left:10px;
}
#header img {
margin-left:auto;
margin-right:auto;
}
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 990px;
margin: 0 auto;
text-align:left;
}
#cwrapper {
width: 990px;
margin-top:20px;
background:#000;
}
#main-wrapper {
width: 750px;
float: left;
word-wrap: break-word; 
overflow: hidden; 
}
#sidebar-wrapper {
width: 210px;
float: right;
word-wrap: break-word; 
overflow: hidden;
}
/* Posts
----------------------------------------------- */
h2.date-header {
margin:1.5em 0 .5em;
display:none;
}
.post {
width: 205px;
height:290px;
float: left;
padding:1px 15px 15px 1px;
margin:0px 22px 30px 1px;
background:url(http://4.bp.blogspot.com/-qzfFH5lLt-o/T9rGTh8AyiI/AAAAAAAAACY/xSptYsCXVKA/s1600/body.jpg);
border:3px solid #2175bc;
border-radius:6px;
}
.post h3 {
background:#;
margin:0px 0 2px 0px;
font-size: 15px;
text-align:center;
padding:2px 9px 9px 9px;
height:42px;
width:201px;
font-family: sans-serif;
text-transform: capitalize;
}
.post h3 a {
color:#a9a883;
text-decoration: none;
}
.post h3 a:hover {
color: #F7BD1D;
}
.post img {
padding:1px;
border: 0px solid #ccc;
width:217px;
height:150px;
background:#cacaca;
margin-bottom: -18px;
}

.post-body blockquote {
line-height:1.3em;  
}
.post-footer {
line-height: 1.4em;
font-size: 0.9em;
border-top:1px solid #cacaca;
}
/* Comments
----------------------------------------------- */
#comments {
background: #ffffff url(http://2.bp.blogspot.com/_j82W7u9kZbs/S28n4yYZg0I/AAAAAAAABJg/oN8plO-G7_w/s800/featured.gif) repeat-x 0 0;
margin-right:10px;
border: 1px solid #cacaca;
margin-bottom: 10px;
padding:25px;
width:710px;
}
#comments a {
text-decoration: none;
}
#comments h4 {
color:#3e2510;
font-weight:bold;
letter-spacing:0;
line-height:1.4em;
margin:1em 0;
text-transform:none;
background:#cfcfcf;
padding-top:3px;
padding-bottom:3px;
padding-left:10px;
}
#comments-block {
line-height:1.6em;
margin:1em 0 1.5em;
background:#fff;
}
#comments-block .comment-author {
font-weight:bold;
margin:0.5em 0;
padding-bottom:4px;
padding-left:8px;
padding-top:4px;
}
#comments-block .comment-body {
margin-top:-6px;
padding-left:10px;
padding-top:10px;
border-bottom:1px solid #ccc;
}
#comments-block .comment-footer {
font-size:11px;
line-height:1.4em;
margin:-0.25em 0 2em;
padding-bottom:5px;
padding-left:10px;
text-transform:none;
}
#comments-block .comment-body p {
margin:0;
padding-bottom:15px;
}
.comment-timestamp {
float: right;font-weight:bold;margin-top:-15px;
}
.avatar-image-container { 
background: url(http://2.bp.blogspot.com/-qrIzNmxbTrE/TgY9ln-eoNI/AAAAAAAAAvA/UsCfBTKoK_A/s000/avatar.jpg) no-repeat scroll center center;
}
.deleted-comment {
font-style:italic;
color:gray;
}
#blog-pager-newer-link {
float:left;
background:#dfdfdf;
border:1px solid #ccc;
padding:5px;
}
#blog-pager-older-link {
float:right;
background:#dfdfdf;
border:1px solid #ccc;
padding:5px;
}
#blog-pager-Home-link {
float:right;
background:#c0c2c4;
border:1px solid #a5a4a4;
padding:5px;
}
#blog-pager {
text-align:center;
height:20px;
padding:10px;
background:none;
}
.feed-links {
clear: both;
line-height: 2.5em;
}
/* Sidebar Content
----------------------------------------------- */
.sidebar { 
color: #cacaca;
line-height: 1.5em;
font-size:12px;
}
.sidebar a, .sidebar p {
color: #FFFF00;
}
.sidebar ul {
list-style:none;
margin: 0 0px;
padding:0 0 0;
}
.sidebar li {
padding: 0 5px;
padding-bottom:.25em;
line-height:1.8em;
border-bottom: 1px dotted #EAE8DB;
}
.sidebar li:hover {
background: #C0C0C0;
}
.sidebar ul li a {
color:#fff;
text-decoration: none;
}
.sidebar ul li a:hover {
  color:#a9a883;
}
.sidebar .widget { 
background-color: #;
margin-bottom: 10px;
}
.sidebar .widget-content { 
padding: 2px  0px 0px 0px; 
}
.sidebar h2 {
padding: 6px 10px;
margin:0;
font-family:Book Antiqua;
font-size: 13px;
color:#29E0F4;
text-align:center;
font-weight:bold;
text-transform: uppercase;
      background-image: -webkit-linear-gradient(-45deg, #FEFC5B, #9DB556, #81A15B, #093346, #0D3D4F, #02141D,
      #02141D,  #285E62, #658E60, #BECC56, #FAF656, #FEFC5B, #FAF656, #BECC56, #658E60, #285E62, #02141D,  
     #02141D, #0D3D4F, #093346, #81A15B, #9DB556, #FEFC5B);
     background-image:	 -moz-linear-gradient(-45deg, #FEFC5B, #9DB556, #81A15B, #093346, #0D3D4F, #02141D, 
     #02141D,   #285E62, #658E60, #BECC56, #FAF656, #FEFC5B, #FAF656, #BECC56, #658E60, #285E62, #02141D, 
      #02141D, #0D3D4F, #093346, #81A15B, #9DB556, #FEFC5B);
      background-size: 250% 250%;
padding-left:25px;
}
.main .Blog { 
border-bottom-width: 0;
}
/* Footer
----------------------------------------------- */
#footer {
clear: both;
padding: 20px 0;
height: 15px;
font-size: 0.9em;
}
#footer .wrapper {
width: 970px;
margin: auto auto;
text-align: left;
color: #666666;
border-top:1px solid #454545;
padding:15px;
}
#footer p {
color: #ffffff;
}
#footer a {
color: #ffffff;
}
#footer p.l {
float: left;
}
#footer p.r {
float: right;
}
/* Post page
----------------------------------------------- */
.single {
background: #FAFAFA url(http://2.bp.blogspot.com/-0z_asrxFvDk/T9rsPgCwMaI/AAAAAAAAEv0/_W6ZNmmpJa8/s1600/single-body2.png) repeat-x left top;
border: 1px solid #cacaca;
margin-bottom: 10px;
margin-right:10px;
padding:25px;
width:710px;
}
.single .post-body-2 { 
font-size:11.5px;
line-height:20px;
border-top:1px solid #ccc;
margin-top:15px;
}
.single img { 
margin:0px; 
max-width:650px;
border:0px solid #cfcfcf;
padding:4px;
}
.single h3 {
font-size: 23px;
color:#063d4c;
font-family: 'Chicle', cursive;
text-transform: capitalize;
text-align:center;
border-bottom:2px solid #ccc;
margin-top:-10px;
margin-bottom:15px;
padding-bottom:15px;
}
.single h3 a {
color: #000000;
text-decoration: none;
}
.single ul,  .single ol {
list-style-position: inside;
margin-bottom: 10px;
}
.single li {
line-height: 1.5em;
padding: 2px 0;
}
.single blockquote {
padding: 10px 10px 5px;
margin-bottom: 10px;
background-color: #eeeeee;
border-width: 1px 0;
border-style: solid;
border-color: #e0e0e0;
}
/*LABEL*/
.labelpost{
padding:8px 5px 2px 0;
margin:0;
font-size:10px;
color:#000;
font-weight:bold;
line-height:1.4em;
text-align: center;
}
/* LOGO */
.info {
  font-family:Tahoma,sans-serif;
  font-size:11px;
  color:#565656;
  padding:10px 5px 0 5px;
  margin-bottom:10px;
  overflow:hidden;
}
.info img {
  float:left;
  padding:0 10px 0 0;
}
.more {
  padding:10px;
  display:block;
}
.info p {
  width:570px;
  float:left;
  padding:0 0 12px 0;
}
/*READ MORE*/
.rmlink a {
color:#a9a883;
font-size:11px;

margin-left:72px;
position:absolute;
}?
/*navigasi vertikal*/
#button {
  width:12em;
  border-right:1px solid #000;
  padding:0 0 1em 0;
  margin-bottom:1em;
  font-family:Tahoma,Arial,sans-serif; /*'Trebuchet MS','Lucida Grande',Verdana,Arial,sans-serif;
  */ font-size :10px;
  background-color:#90bade;
  color:#333;
}
#button ul {
  list-style:none;
  margin:0;
  padding:0;
  border:none;
}
#button li {
  border-bottom:1px solid #063d4c;
  margin:0;
  list-style:none;
  list-style-image:none;
}
#button li a {
  display:block;
  padding:5px 5px 5px 0.5em;
  border-left:10px solid #FFD700;
  border-right:10px solid #508fc4;
  background-color:#2175bc;
  color:#fff;
  text-decoration:none;
  width:100%;
}
html>body #button li a {
  width:auto;
}
#button li a:hover {
  border-left:10px solid #1c64d1;
  border-right:10px solid #5ba3e0;
  background-color:#2586d7;
  color:#FFD700;
}
#button li #active {
  border-left:10px solid #1c64d1;
  border-right:10px solid #5ba3e0;
  background-color:#2586d7;
  color:#fff;
}
/*search
----------------------*/
#search {
padding-top:17em;
padding-left:50.5em;
}

#search input[type="text"] {
    background: url(http://2.bp.blogspot.com/-El7-211Pt7o/T5HBuBrNztI/AAAAAAAAAow/bV7f0allh4Q/s1600/cari.png) no-repeat  10px 6px #444;
    border: 0 none;
    font: bold 12px Arial,Helvetica,Sans-serif;
    color: #d7d7d7;
    width:150px;
    padding: 6px 15px 6px 35px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    }

#search input[type="text"]:focus {
    background: url(http://2.bp.blogspot.com/-El7-211Pt7o/T5HBuBrNztI/AAAAAAAAAow/bV7f0allh4Q/s1600/cari.png) no-repeat  10px 6px #2175bc;
    color: #FFD700;
    width: 200px;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    }?